<template>
    <div>
        <h1>我想看one组件中的数据：{{ newstr }}</h1>

         <button @click="del">销毁组件</button>
    </div>
</template>

<script>

    export default {
        name:"EventThree",
        data(){
           return {
            newstr:""
           }
        },  
        methods:{
            del(){
                this.$destroy();
            }
        },
        mounted(){
            //创建自定义事件  $on("自定义事件的名称",function(){})

            //创建自定义事件  $once("自定义事件的名称",function(){})

            this.$bus.$on("mishu",(value)=>{
                // console.log("这是three组件：",value);
                // console.log(this);
                this.newstr = value;
            })

            // this.$bus.$once("mishu",(value)=>{
                
            //     // console.log("这是three组件：",value);
            //     // console.log(this);
            //     this.newstr = value;
            // })
            
        },
        beforeDestroy(){
            // $off 必须传递 事件名，
            this.$bus.$off("mishu");
        }
       
    }
</script>

<style scoped>

</style>